<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div class="regbg">
      <!-- 登录密码 -->
      <h2><a href="../login.html">密码登录</a></h2>

      <!-- 登录标题 -->
      <div class="capion">
        <h1>手机号登录/注册</h1>
        <h3>快速找到好友，一站式记录你的运动</h3>
      </div>

      <!-- 输入 -->
      <div class="mian df fdc jcc aic">
        <!-- 手机号 -->
        <input class="inputTel" id="inputTel" placeholder="请输入手机号码" type="tel" />
        <select class="" name="" id="">
          <option value="+86">+86</option>
          <option value="+86">+110</option>
          <option value="+86">+120</option>
          <option value="+86">+119</option>
        </select>
        <!-- 验证码 -->
        <div class="box2 df jcsb">
          <input class="inputm" id="inputm" placeholder="请输入验证码" type="text" />
          <!-- 验证码 -->
          <canvas class="inputy" id="captcha"></canvas>
        </div>

        <!-- 输入密码 -->
        <input id="inputpost" placeholder="请输入密码" type="text" />
        <!-- 验证密码 -->
        <input id="inputpostTc" placeholder="请再次确认密码" type="text" />
        <!-- 注册按钮 -->
        <button  id="submit">注册账号</button>
      </div>
      <!-- 底部 -->
      <footer>- HOLD ON -</footer>
    </div>
  </body>
</html>
